<template>
  <div class="photo_info_container">
      <Top></Top>
      <div class="photoinfo_content">
          <div class="top_back">
              <el-page-header @back="goBack" content="图片预览">
            </el-page-header>
          </div>
          <div class="pic_box">
              <img :src="this.$route.query.pic_url" alt="">
           
          </div>
      </div>
      
      <Bottom></Bottom>
  </div>
</template>

<script>
import Top from '../components/home/Top.vue'
import Bottom from '../components/home/Bottom.vue'
export default {
    components:{
        Top,
        Bottom
    },
    methods:{
        goBack() {
            this.$router.back('-1')
      }
    },
}
</script>

<style scoped>
    .photoinfo_content{
        width: 1200px;
        min-width: 1200px;
        margin: 0 auto;
    }
    .el-page-header{
        height: 60px;
        line-height: 60px;
    }
    .pic_box{
        width: 100%;
        margin-bottom: 20px;
    }
    .pic_box img{
        width: 100%;
    }
</style>